<!--
 * @Author: fanrui 1396542827@qq.com
 * @Date: 2025-03-13 15:35:00
 * @LastEditors: fanrui 1396542827@qq.com
 * @LastEditTime: 2025-03-13 16:04:03
 * @FilePath: \vue2-client\src\views\log\operation\index.vue
 * @Description: 操作日志页面
-->
<template>
  <div class="operation-log-container">
    <el-card>
      <div slot="header">
        <span>操作日志</span>
      </div>
      <!-- 日志列表 -->
      <el-table :data="logList" border >
        <el-table-column prop="date" label="操作时间" />
        <el-table-column prop="user" label="操作人"/>
        <el-table-column prop="action" label="操作类型" />
        <el-table-column prop="description" label="操作描述" />
        <el-table-column prop="ip" label="IP地址" />
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'OperationLog',
  data() {
    return {
      logList: [
        {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        }, {
          date: '2025-03-13 15:35:00',
          user: '张三',
          action: '新增',
          description: '新增用户',
          ip: '192.168.1.1'
        },
      ]
    }
  }
}
</script>
